Cascade Layersが詳細度に勝つ例
from Cascade Layers
Cascade Layersが詳細度に勝つ例
code:html
<p class="hello">hello world</p>
code:css
@layer main;
@layer second;
@layer main {
p.hello { color: blue; } /* 0-1-1 */
}
@layer second {
p { color: green; } /* 0-0-1 */
}
詳細度だけで見たらmainの内容のほうが強い
しかし、Cascadeの優先順位としてlayerの方が優先順位が高いのでsecondが勝つ
なのでhello worldの色はgreenになる